.smes-logo{
    font-size: 28px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    color: #ffffff;
}
.smes-logo span{
    /* color:#f4b04d; */
    color: #63a9dd;
}
.smes-login-logo {
    font-size: 28px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
}
.smes-login-logo>span{ 
    color: #63a9dd;
}
.side-menu{
    /* background : rgb(104, 134, 189); */
    background: #293f5d;
    position:absolute;
    top:0;
    left:0;
    width:56px;
    height: 100%;
    justify-content:space-between;
    padding-bottom:0px;
}
.side-menu.sub-menu-show{
    width:300px;
    z-index: 9;
}
.side-menu.menu-hide{
    width:0px;
}
.side-menu .side-menu-border{
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0px;
    /* border-radius:16px 0 0 16px; */
    background:rgb(238, 241, 247);
}
.side-menu .top-panel,
.side-menu .content-panel,
.side-menu .bottom-panel{
    width:62px;
}
.side-menu.sub-menu-show .top-panel,
.side-menu.sub-menu-show .content-panel,
.side-menu.sub-menu-show .bottom-panel{
    width:280px;
}
.side-menu .top-panel{
    flex: 0 0 62px;
}
.side-menu .content-panel{
    flex: 1;
    overflow: auto;
}
.side-menu .content-panel::-webkit-scrollbar{
    display: none;
}
.side-menu .bottom-panel{
    flex: 0 0 170px;
    justify-content:flex-start;
}
.side-menu .extend-panel .side-menu-item,
.side-menu .bottom-panel .side-menu-item{
    margin-top: 4px;
    margin-bottom: 0px;
}
.side-menu .side-menu-item{
    height: 62px;
    width: 56px;
    line-height: 62px;
    margin: 3px;
    display: flex;
}
.side-menu.sub-menu-show .side-menu-item{
    width: 266px;
}
.side-menu .side-menu-item .side-menu-item__name{
    position: relative;
    left: 32px;
    flex: 0 0 0px;
    text-align: left;
    overflow: hidden;
}
.side-menu.sub-menu-show .side-menu-item .side-menu-item__name{
    flex: 1;
}
.side-menu .side-menu-item.is-select{
    /* background:#e99ebc; */
    background: rgba(255, 255, 255, 0.2);
}
.side-menu.sub-menu-show .side-menu-item.is-select{
    /* border-radius: 8px; */
}
.side-menu .side-menu-item img{
    height: 24px;
    width: 24px;
    position: relative;
    top: 12px;
    left: 12px;
}
.side-menu .side-menu-item .material-icons{
    font-size: 24px;
    margin-top:0px;
    position: relative;
    top: 12px;
    left: 12px;
}
.side-menu.sub-menu-show .side-menu-item .kmi-can-click{
    border-radius: 0px;
}

.side-menu .side-menu-item label {
    width:100%; 
    font-size:12px; 
    margin: 15px 0 0 -28px; 
    text-align:center;
}

/*side-sub-menu*/
.side-menu .sub-menu-content{
    background: #869ECA;
    margin: 0 8px;
    border-radius:8px;
}
.side-menu .sub-menu-content .sub-menu-item{
    display: flex;
    align-items: center;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    border-top: 1px;
    color: #ffffff;
    position: relative;
    padding-left: 16px;
    cursor: pointer;
}
.side-menu .sub-menu-content .sub-menu-item .item-icon{
    flex: 0 0 40px;
    height: 32px;
    text-align: center;
    line-height: 24px;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    pointer-events: none;
    z-index: 1;
}
.side-menu .sub-menu-content .sub-menu-item .item-icon>img{
    height: 24px;
    width: 24px;
}
.side-menu .sub-menu-content .sub-menu-item .item-title{
    padding-left: 8px;
    pointer-events:none;
    z-index: 1;
    line-height: 18px;
}
.side-menu .sub-menu-content .sub-menu-item .item-background{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    transition: all 1s ease-in-out;
    background:rgba(0, 0, 0, 0);
}
.side-menu .sub-menu-content .sub-menu-item .item-background:hover{
    background: radial-gradient(rgba(26, 183, 204, 0.6) 0%, rgba(26, 183, 204, 0) 88%);
}
.side-menu .extend-panel{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1;
    overflow:hidden;
}
.side-sub-menu{
    left: 56px;
    width: calc(100% - 56px);
}
.side-sub-menu .sub-menu-content .sub-menu-info{
    border: 0px;
    margin: 5px 0px 12px;
    padding: 0px;
    height: 62px;
}
.side-sub-menu .side-menu-border{
    flex:0 0 20px;
    height:100%;
    background:rgb(104, 134, 189);
}
.side-sub-menu .side-menu-border .side-menu-border__inner{
    /* border-radius:16px 0 0 16px; */
    background:rgb(238, 241, 247);
    height: 100%;
}
.side-sub-menu .sub-menu-content .content-panel{
    background: #293F5D;
    box-shadow: none;
}
.side-sub-menu .sub-menu-content .sub-menu-list{
    /* background: #869ECA; */
    border-radius: 8px;
    height: calc(100% - 82px);
    box-sizing: border-box;
    margin-right: 16px;
}
.side-sub-menu .sub-menu-content .sub-menu-list .sub-menu-item{
    width:264px;
    height:62px;
}
.side-sub-menu .sub-menu-content .sub-menu-list .sub-menu-item .item-icon{
    border-right:0px !important;
}
.side-sub-menu .sub-menu-content .kmi-text-fields .kmi-button--icon{
    border: 0px !important;
}
.side-sub-menu .sub-menu-content .slight-type_content{
    padding-left: 0px !important;
}
.side-sub-menu .sub-menu-content .slight-type_content .slight-type_item{
    border: 0px !important;
}
.side-sub-menu .sub-menu-content .content-panel.mailbox .sub-menu-list .sub-menu-item{
    border-radius: 0px !important;
    background: none !important;
    margin:0px !important;
    border-bottom:1px solid rgb(104, 134, 189) !important;
}
.side-sub-menu .sub-menu-content .content-panel.mailbox .sub-menu-list .sub-menu-item.isReading{
    background: #e99ebc !important;
    border-color: #e99ebc !important;
}
/**/
.app-content.is-menu-showed{
    height: calc(100% - 46px);
}
.kmi-header-row{
    background: linear-gradient(90.05deg, #FFFFFF 0.03%, #C7C8DB 99.95%);
    position: absolute;
    color:#1c1c1c;
    padding-left:48px;
    position: relative;
    height:74px;
}
.mode-side .kmi-header-row{
    padding-left:16px;
}
.kmi-header-row .header-title{
    font-size: 21px;
    font-weight: bolder;
}
.kmi-header-row .header-logo{
    display:none;
}
.kmi-layout-content{
    /* padding-top: 16px; */
}
.kmi-layout-main-content{
    box-shadow: none;
    background: #ffffff !important;
    /* margin:0  16px 16px 0; */
    /* border-radius: 16px; */
}
.is-menu-showed .kmi-layout-main-content{
    margin-bottom: 0px;
}
/*Menu*/
.kmi-menu-content{
    /* background: #eef1f7; */
    background: #ffffff;
    box-shadow: none;
    /* height: 46px;
    top: 74px; */
}
.kmi-menu-content-zindex{
    z-index: 3;
}
.kmi-menu-tile{
    font-size: 14px;
    color: #1c1c1c;
}
.kmi-menu-tile, .kmi-menu-button{
    height:46px;
}
.kmi-menu-tile.is-selected{
    /* border-bottom-color: #f4b04d; */
    border-bottom-color:red;
}
.kmi-menu-tile.is-selected>label{
    /* font-size: 1rem; */
    font-weight: 900;
}

/*button*/
.kmi-button{
    border-radius:4px;
    background-color: #FFB037;
}
.kmi-button.kmi-button-confrim{
    background:#FFB037
}
.kmi-button[disabled]{
    background-color: #dcdddd;
    color: white;
}
.mdl-button--fab.mdl-button--custom1{
    background:#f4b04d;
}
.mdl-button--fab.mdl-button--custom1:active,
.mdl-button--fab.mdl-button--custom1:focus:not(:active),
.mdl-button--fab.mdl-button--custom1:hover{
    background:#f4b04d;
}
.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled{
    background:#ECECEC;
    color: white;
}
/**/
.kmi-text-fields>.label{
    color:#1c1c1c;
}
.kmi-text-fields input{
    border-color: rgb(204, 204, 204);
    border-radius: 4px;
    padding:8px;
    font-size: 1rem;
}
input.kmi-text-fields:FOCUS, input.kmi-text-fields.is-focus, .kmi-text-fields > input:FOCUS, .kmi-text-fields > input.is-focus, .column-input > input:FOCUS, .column-input > input.is-focus{
    border-color: #63a9dd !important;
}
.kmi-text-fields .tip.search > i, .kmi-list__column.column-input .tip.search > i{
    border-left-color: rgb(204, 204, 204) !important;
}
input.kmi-text-fields:hover, .kmi-text-fields > input:hover, .column-input > input:hover {
    box-shadow: 0px 0px 8px 2px rgba(244,176,77, 0.2);
}
.kmi-text-fields textarea{
    border-color: rgb(204, 204, 204) !important;
}
.kmi-tag-fields .kmi-button-content .kmi-button.is-selected .material-icons{
    color:#e99ebc;
}
.kmi-tag-fields .kmi-button-content .kmi-button .material-icons{
    border:1px solid #a3e2eb;
}
/*list*/
.kmi-list{

}
.kmi-list__header{
    color:#ffffff;
    background:#293F5D;
}
.kmi-list .kmi-list__row.is-select{
    /* background:#f4b04d; */
}
.kmi-list .kmi-list__row.is-select:hover{
    /* background:#f4b04d !important; */
}
.kmi-list.column-selector .btn-selector{
    color:#ffffff;
}
/*
.page-content{
    color:#ffffff;
    background:rgb(104, 134, 189);
}
*/
/*dialog*/
.dialog-container .kmi-header-row{
    color:#1c1c1c;
    border-radius: 16px 0 0 0;
}
.dialog-container{
    position: absolute;
    right: 0px;
    top: 0;
    max-height: 100% !important;
    height:100% !important;
    border-radius: 16px 0 0 16px;
}
.dialog-container .kmi-layout-main-content{
    margin: 0px;
    border-radius: 0 0 0 16px;
    flex:1;
}
.mdl-button--icon_prime{
    /* background:#e99ebc; */
    background: #FFB037;
    border-radius: 4px;
}
.mdl-button.mdl-button--icon_prime:hover{
    /* background:#e99ebc; */
    background: #FFB037;
}
.mdl-button.mdl-button--icon_prime:focus:not(:active){
    /* background:#e99ebc; */
    background: #FFB037;
}
/**/
.calculater-content.dialog-container .header-title{
    color:#1c1c1c;
}
.dialog-container.calculater-content .kmi-header-row{
    background:#f1f1f1;
}
.dialog-container.calculater-content{
    top:auto;
    left:auto;
    right:0px;
    height:auto !important;
    border-radius:16px;
}
.dialog-lay .calculater-background{
    background:none;
}
/*datepicker*/
.dialog-container.datepicker-content{
    height:auto !important;
    top:auto !important;
    bottom:0px;
}
.dialog-container.datepicker-content .mdl-datepicker-title{
    background:#293F5D;
    border-radius: 16px 0 0 0;
}
.dialog-container.datepicker-content .mdl-button--primary.mdl-button--primary{
    color: #f4b04d;
}
.dialog-container.datepicker-content .mdl-button--primary.mdl-button--primary{
    color: #f4b04d;
}
.dialog-container.datepicker-content .mdl-datepicker-date.is-checked{
    background:#63A9DD;
}
.dialog-container .kmi-list{
    border-radius:8px;
}
/*ModuleSMT*/
.SMT15-content .basicData_panel .trigger-btn-fields .close-btn{
    /* color: #e99ebc !important; */
}
/* .SMT15-content .product_repairReason_panel .repairReason_fields .repairReason_model{
    background: #6886bd !important;
    color: #ffffff !important;
} */
.close-btn { 
    color:black;
}
.repairReason_model {
    color: black;
}
/*query-list*/
.query-list-dialog .page-content{
    height: 40px;
    flex: 1;
    justify-content: flex-start;
    margin-bottom: 16px;
    border-radius: 0 0 8px 8px;
}
.treeList-dialog .kmi-list.type-list .kmi-list__row .material-icons{
    /* color: rgb(233, 158, 188); */
    color:black;
}
/*loading*/
.LoadingMsg{
    color:#1c1c1c;
}
.mode-side#view-content{
    margin-left:56px;
    box-sizing:border-box;
    background:#eef1f7;
}
.test-margin{
    margin-left:0 !important; 
}
.hide-left-menu
{
    display: none !important;
}
.mode-side .app-content{
}
.kmi-can-click{
    border-radius:8px;
}
#kmi-tooltip{
    /* background:rgb(233, 158, 188); */
    background: #4F617A;
}
.kmi-list__row-content .kmi-list__row:hover{
    /* color:#6886bd !important; */
    /* color:white !important;
    background: #DD4264 !important; */
}
.favorite-item {
    right:148px !important;
    top:25px !important;
}
.setting-item {
    right:200px !important;
    top:25px !important;
}
.material-maintain-item {
    right: 304px !important; 
    top:25px !important;
}
.operator-item {
    right: 252px !important; 
    top:25px !important;
}
.ispnone {
    margin-top: 8px;
}